<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>结清查询</title>
    <script src="./js/lib/rem.js"></script>
    <link href="./css/loan.css" type="text/css" rel="stylesheet" />
    <!-- <link href="./css/lib/material-css.css" type="text/css" rel="stylesheet" /> -->
    <link href="./css/style.css" type="text/css" rel="stylesheet" />
    <script src="./js/lib/jquery.js"></script>
    <!-- <script src="./js/lib/material-css.js" type="text/javascript"></script> -->
    <script src="./js/loan.js"></script>
</head>
<body>
   <div class="warning"><span class="toggle"></span>若不及时还款，会影响你的信用记录和生活</div>
   <div class="block">
       <div class="block-name">借款人：<span class="loaner">---</span></div>
       <div class='block-message'>
           <div class='block-message-item'>手机号：<span class="message-value phone">---</span></div>
           <div class='block-message-item'>身份证号：<span class="message-value ID">---</span></div>
           <div class='block-message-item'>原借款银行卡号：<span class="message-value card">---</span></div>
       </div>
   </div>
   <div class="block">
    <div class="block-name">已还款：¥ 1,200.00</div>
        <div class='block-message repayment-list'>
            <div class='block-message-item hide clone'>
                <span class="message-item-name name">---</span>    
                <span class="message-value amount">---</span>
            </div>
            <div class='block-message-content'></div>
    </div>
    </div>
    <div class="block block-money">
        <div class="block-money-up">
            <div class="block-title">应还款<span class="status">（已逾期）</span></div>
            <div class="block-money-value">¥ 1,530.00</div>
        </div>
        <div class="block-list">
            <div class="block-money-item hide clone">
                <a class="link" href="./contract-detail.html">
                    <div> 合同编号：<span class="contract">--- </span>  </div>
                    <div> 应还金额：¥ <span class="pay-amount"> ---</span> </div>
                    <div> 放贷时间：<span class="pay-time">---</span> </div>
                    <div class="ditail"><span>明细</span> <img src="./image/allow-right-shadow.png" alt=""></div>
                </a>
            </div>
            <div class="block-list-content"></div>
        </div>
    </div>
    <div class="warning loose-warning"><span class="toggle"></span><span class="loose">早还早轻松</span></div>
</body>
<script>

</script>
</html>